<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
	</head>
	<style>
		/* *{
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.toubu{
			width: 768px;
			height: 200px;
			padding-top: 20px;
			border-bottom: 1px solid #666;
			position: fixed;
			background-color: white;
			z-index: 10;
		}
		.sou{
			width: 700px;
			height: 100px;
			background-color: #EDEDED;
			margin: 0 auto;
			border-radius: 15px;
		}
		.sousuo{
			width: 300px;
			height: 100px;
			border: none;
			font-size: 40px;
			background-color: #EDEDED;
		}
		.fangda{
			width: 70px;
			height: 100px;
			background-color: #EDEDED;
			float: left;
			margin-left: 170px;
		}
		.fangda img{
			width: 70px;
			height: 70px;
			margin-top: 15px;
		}
		.txt{
			float: left;
		}
		.xiangji{
			width: 100px;
			height: 99px;
			background-color: #EDEDED;
			float: right;
			border-radius: 0 15px 15px 0;
		}
		.xiangji img{
			width: 75px;
			height: 70px;
			margin: 12px 0 0 15px;
		}
		.toubu ul li{
			float: left;
			font-size: 35px;
			line-height: 100px;
			margin-right: 30px;
		}
		.toubu ul li a{
			color: black;
		}
		a{
			text-decoration: none;
		}
		.taohang{
			width: 700px;
			height: 100px;
			margin: 0 auto;
		}
		.neirong{
			width: 768px;
			height: 2500px;
			position: absolute;
			background-color: #EDEDED;
			top: 220px;
		}
		.fenlei{
			width: 768px;
			height: 320px;
			margin-bottom: 15px;
			background-color: white;
		}
		.sang{
			width: 728px;
			height: 160px;
			padding: 0px 20px;
		}
		.miaos{
			width: 120px;
			height: 145px;
			padding-top: 15px;
			float: left;
			margin-right:30px ;
		}
		.miaos:nth-child(5){
			margin: 0px;
		}
		.miaos img{
			width: 100px;
			height: 90px;
			margin-left: 10px;
		}
		.miaos a{
			font-size: 28px;
			text-align: center;
			display: block;
		}
		.tot{
			width: 768px;
			height: 200px;
			margin-bottom:15px ;
		}
		.tot img{
			width: 100%;
			height: 100%;
		}
		.ou1{
			width: 738px;
			height: 270px;
			border-bottom: 1px solid #666;
			padding: 15px;
			background-color: white;
		}
		.ou1 img{
			width: 290px;
			height: 270px;
			float: left;
			margin-right: 15px;
		}
		.sp1{
			font-size: 30px;
			margin-bottom: 40px;
			display: block;
		}
		.sp2{
			font-size: 25px;
			color: #666;
			margin-bottom: 20px;
			display: block;
		}
		.sp3{
			font-size: 30px;
			color: #666;
		}
		.sp4{
			color: red;
			font-size: 37px;
			font-weight: bold;
		} */
		
		*{
		     margin: 0;
		     padding: 0;
		     list-style: none;
		}
		 .toubu{
		     width: 48rem;
		     height: 12.5rem;
		     padding-top: 1.25rem;
		     border-bottom: 0.0625rem solid #666;
		     position: fixed;
		     background-color: white;
		     z-index: 10;
		}
		 .sou{
		     width: 43.75rem;
		     height: 6.25rem;
		     background-color: #EDEDED;
		     margin: 0 auto;
		     border-radius: 0.9375rem;
		}
		 .sousuo{
		     width: 18.75rem;
		     height: 6.25rem;
		     border: none;
		     font-size: 2.5rem;
		     background-color: #EDEDED;
		}
		 .fangda{
		     width: 4.375rem;
		     height: 6.25rem;
		     background-color: #EDEDED;
		     float: left;
		     margin-left: 10.625rem;
		}
		 .fangda img{
		     width: 4.375rem;
		     height: 4.375rem;
		     margin-top: 0.9375rem;
		}
		 .txt{
		     float: left;
		}
		 .xiangji{
		     width: 6.25rem;
		     height: 6.1875rem;
		     background-color: #EDEDED;
		     float: right;
		     border-radius: 0 0.9375rem 0.9375rem 0;
		}
		 .xiangji img{
		     width: 4.6875rem;
		     height: 4.375rem;
		     margin: 0.75rem 0 0 0.9375rem;
		}
		 .toubu ul li{
		     float: left;
		     font-size: 2.1875rem;
		     line-height: 6.25rem;
		     margin-right: 1.875rem;
		}
		 .toubu ul li a{
		     color: black;
		}
		 a{
		     text-decoration: none;
		}
		 .taohang{
		     width: 43.75rem;
		     height: 6.25rem;
		     margin: 0 auto;
		}
		 .neirong{
		     width: 48rem;
		     height: 156.25rem;
		     position: absolute;
		     background-color: #EDEDED;
		     top: 13.75rem;
		}
		 .fenlei{
		     width: 48rem;
		     height: 20rem;
		     margin-bottom: 0.9375rem;
		     background-color: white;
		}
		 .sang{
		     width: 45.5rem;
		     height: 10rem;
		     padding: 0rem 1.25rem;
		}
		 .miaos{
		     width: 7.5rem;
		     height: 9.0625rem;
		     padding-top: 0.9375rem;
		     float: left;
		     margin-right:1.875rem ;
		}
		 .miaos:nth-child(5){
		     margin: 0rem;
		}
		 .miaos img{
		     width: 6.25rem;
		     height: 5.625rem;
		     margin-left: 0.625rem;
		}
		 .miaos a{
		     font-size: 1.75rem;
		     text-align: center;
		     display: block;
		}
		 .tot{
		     width: 48rem;
		     height: 12.5rem;
		     margin-bottom:0.9375rem ;
		}
		 .tot img{
		     width: 100%;
		     height: 100%;
		}
		 .ou1{
		     width: 46.125rem;
		     height: 16.875rem;
		     border-bottom: 0.0625rem solid #666;
		     padding: 0.9375rem;
		     background-color: white;
		}
		 .ou1 img{
		     width: 18.125rem;
		     height: 16.875rem;
		     float: left;
			 border-radius: 10px;
		     margin-right: 0.9375rem;
		}
		 .sp1{
		     font-size: 1.875rem;
		     margin-bottom: 2.5rem;
		     display: block;
		}
		 .sp2{
		     font-size: 1.5625rem;
		     color: #666;
		     margin-bottom: 1.25rem;
		     display: block;
		}
		 .sp3{
		     font-size: 1.875rem;
		     color: #666;
		}
		 .sp4{
		     color: red;
		     font-size: 2.3125rem;
		     font-weight: bold;
		}
		 
	</style>
	<body>
		<div class="toubu">
			<div class="sou">
				<div class="fangda"><img src="img/1629975755.jpg"></div>
				<div class="txt"><input type="text"class="sousuo" placeholder="辣妹手机壳"/></div>
				<div class="xiangji"><img src="img/1629975886(1).jpg"></div>
			</div>
			<div class="taohang">
				<ul>
					<li><a href="#">推荐</a></li>
					<li><a href="#">女装</a></li>
					<li><a href="#">鞋包</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">食品</a></li>
					<li><a href="#">母婴</a></li>
					<li><a href="#">男装</a></li>
				</ul>
			</div>
		</div>
		<div class="neirong">
			<div class="fenlei">
				<div class="sang">
					<ul>
						<li class="miaos">
							<img src="img/1629977497(1).jpg" />
							<a href="#">限时秒杀</a>
						</li>
						<li class="miaos">
							<img src="img/1629979827(1).jpg" />
							<a href="#">断码清仓</a>
						</li>
						<li class="miaos">
							<img src="img/1629979841(1).jpg" />
							<a href="#">发现好货</a>
						</li>
						<li class="miaos">
							<img src="img/1629979866(1).jpg" />
							<a href="#">多多果园</a>
						</li>
						<li class="miaos">
							<img src="img/1629977497(1).jpg" />
							<a href="#">限时秒杀</a>
						</li>
					</ul>
				</div>
				<div class="sang">
					<ul>
						<li class="miaos">
							<img src="img/1629979882(1).jpg" />
							<a href="#">充值中心</a>
						</li>
						<li class="miaos">
							<img src="img/1629979895(1).jpg" />
							<a href="#">医药馆</a>
						</li>
						<li class="miaos">
							<img src="img/1629979925(1).jpg" />
							<a href="#">签到</a>
						</li>
						<li class="miaos">
							<img src="img/1629979909.jpg" />
							<a href="#">多赚大钱</a>
						</li>
						<li class="miaos">
							<img src="img/1629979939(1).jpg" />
							<a href="#">帮你选</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="tot">
				<img src="img/1629978589(1).jpg" />
			</div>
			<div class="ou1">
				<img src="img/1629978732.jpg"/>
				<span class="sp1">【抖音爆款】漱口水除口臭牙黄变白20条装果味学生党便携接吻神器【预售：8月30日发完】</span>
				<span class="sp2">退货包运费 极速退款 满16返1</span>
				<span class="sp3"><span class="sp4">￥0.9 </span>已拼3.2万件</span>
			</div>
			<div class="ou1">
				<img src="img/1629980538(1).jpg"/>
				<span class="sp1">高档正品长袖弹力棉打底衫秋新大码中年女气质堆堆领小衫显瘦上衣</span>
				<span class="sp2">退货包运费 极速退款 满16返1</span>
				<span class="sp3"><span class="sp4">￥69 </span>已拼2.2万件</span>
			</div>
			<div class="ou1">
				<img src="img/1629980634(1).jpg"/>
				<span class="sp1">高颜值可爱学生超大容量双饮带吸管水瓶水壶塑料水杯子女韩版网红</span>
				<span class="sp2">退货包运费 极速退款 满16返1</span>
				<span class="sp3"><span class="sp4">￥4.53 </span>已拼10万+件</span>
			</div>
			<div class="ou1">
				<img src="img/1629980711(1).jpg"/>
				<span class="sp1">60包一年装高档大包抽纸巾家用整箱批发餐巾纸面巾纸卫生纸10纸抽</span>
				<span class="sp2">退货包运费 极速退款 满16返1</span>
				<span class="sp3"><span class="sp4">￥9.9 </span>已拼10万+件</span>
			</div>
			<div class="ou1">
				<img src="img/1629980771(1).jpg"/>
				<span class="sp1">【60包一年加量装】原木抽纸整箱批发家用10包可湿水纸巾实惠装</span>
				<span class="sp2">退货包运费 极速退款 满16返1</span>
				<span class="sp3"><span class="sp4">￥10.8 </span>已拼10万+件</span>
			</div>
			<div class="ou1">
				<img src="img/1629980833(1).jpg"/>
				<span class="sp1">万能厨房湿纸巾擦油纸一次性抹布油烟机专用清洁湿巾灶台去除油污</span>
				<span class="sp2">退货包运费 极速退款 满16返1</span>
				<span class="sp3"><span class="sp4">￥1 </span>已拼10万+件</span>
			</div>
			<div class="ou1">
				<img src="img/1629980881(1).jpg"/>
				<span class="sp1">剪指甲刀套装全套指甲剪套盒斜口指甲钳修脚工具掏耳朵挖耳勺神器</span>
				<span class="sp2">退货包运费 极速退款 满16返1</span>
				<span class="sp3"><span class="sp4">￥5.58</span>10万+件</span>
			</div>
			<div class="ou1">
				<img src="img/1629980978(1).jpg"/>
				<span class="sp1">【6罐巨划算】五香带鱼罐头下饭菜香辣海鲜熟食罐装黄花鱼1罐</span>
				<span class="sp2">退货包运费 极速退款 满16返1</span>
				<span class="sp3"><span class="sp4">￥4.5 </span>10万+件</span>
			</div>
			<div class="ou1">
				<img src="img/1629981019(1).jpg"/>
				<span class="sp1">全自动充电扫地机器人家用智能静音拖地擦地机扫吸拖三合一吸尘器</span>
				<span class="sp2">退货包运费 极速退款 满16返1</span>
				<span class="sp3"><span class="sp4">￥15.4 </span>10万+件</span>
			</div>
			<div class="ou1">
				<img src="img/1629981077(1).jpg"/>
				<span class="sp1">南极人折叠全自动雨伞女学生韩版晴雨两用防晒遮阳太阳伞防紫外线</span>
				<span class="sp2">退货包运费 极速退款 满16返1</span>
				<span class="sp3"><span class="sp4">￥6.25 </span>10万+件</span>
			</div>
		</div>
		<!-- <div class="dibu">
			<ul>
				<li>
					<img src="img/1629980466(1).jpg" >
				</li>
			</ul>
		</div> -->
		
		<script>
			document.documentElement.style.fontSize=screen.availWidth*16/768+"px"
		</script>
	</body>
</html>